<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>智能进出口服务平台</title>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css?v=202001010101">
    <link rel="stylesheet" href="/declare/css/jquery.autocompleter.css?v=202006051337" />
    <link rel="stylesheet" type="text/css" href="/css/style.css?v=202001010101">
    <style type="text/css">
        .layui-table[lay-size=sm] tbody td{padding: 0px;}
        .layui-table[lay-size=sm] tbody td input{border: 0px;}
        .layui-card-body .layui-table{margin: 0px;}
        .tabBody{overflow-y: auto;max-height: 310px;}
        .layui-form-radio{margin: 0px;}
    </style>
</head>
<body>
<div class="tsf-page-content" style="padding: 0px;">
    <div class="layui-card">
        <form class="layui-form" method="post" lay-filter="orderMainForm" id="orderMainForm">
            <input type="hidden" name="id" id="id"/>
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>基础信息</span></div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>订单号</label>
                        <div class="layui-input-block">
                            <input name="docNo" id="docNo" class="layui-input required" maxlength="20" placeholder="订单号" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>客户订单号</label>
                        <div class="layui-input-block">
                            <input name="clientNo" id="clientNo" class="layui-input required" placeholder="客户订单号" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>客户</label>
                        <div class="layui-input-block">
                            <input name="customerName" id="customerName" class="layui-input auto-customer required" placeholder="结算单位" clear-val/>
                            <input type="text" id="customerNameEdit" class="layui-input layui-disabled zm-hide" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>协议报价</label>
                        <div class="layui-input-block required-box">
                            <select name="agreementId" id="agreementId" class="required"></select>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>报关类型</label>
                        <div class="layui-input-block required-box">
                            <select name="declareType" class="required" id="declareType"></select>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>成交方式</label>
                        <div class="layui-input-block required-box">
                            <select name="transactionMode" class="required" id="transactionMode">
                                <option value="">请选择</option>
                                <option value="fob">FOB</option>
                                <option value="cif">CIF</option>
                                <option value="c&f">C&F</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>境内货源地</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="districtCode" id="districtCode"/>
                            <input name="districtCodeName" id="districtCodeName" class="layui-input required" placeholder="境内货源地" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>运抵国(地区)</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="cusTradeCountry" id="cusTradeCountry"/>
                            <input name="cusTradeCountryName" id="cusTradeCountryName" class="layui-input required" placeholder="运抵国(地区)" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>贸易国(地区)</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="cusTradeNationCode" id="cusTradeNationCode"/>
                            <input name="cusTradeNationCodeName" id="cusTradeNationCodeName" class="layui-input required" placeholder="贸易国(地区)" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>指运港</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="distinatePort" id="distinatePort"/>
                            <input name="distinatePortName" id="distinatePortName" class="layui-input required" placeholder="指运港" clear-val/>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>运输方式</label>
                        <div class="layui-input-block required-box">
                            <select lay-filter="cusTrafMode" id="cusTrafMode" name="cusTrafMode" class="sel-load required" sel-url="system/baseData/getByType?type=CusTrafMode" cache="static_cus_traf_mode" sel-key="code" sel-val="name"></select>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>最终目的国</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="destinationCountry" id="destinationCountry"/>
                            <input name="destinationCountryName" id="destinationCountryName" class="layui-input required" placeholder="最终目的国(地区)" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md2">
                        <label class="layui-form-label"><span class="text-danger">*</span>币制</label>
                        <div class="layui-input-block">
                            <input name="currencyName" id="currencyName" class="layui-input auto-currency required" placeholder="币制" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>外贸合同卖方</label>
                        <div class="layui-input-block">
                            <input type="hidden" id="subjectId" name="subjectId"/>
                            <input type="text" class="layui-input layui-disabled" id="subjectName" name="subjectName" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>买方主体</label>
                        <div class="layui-input-block">
                            <input type="radio" name="subjectOverseasType" lay-filter="subjectOverseasType" value="1" title="主体境外公司" checked/>
                            <input type="radio" name="subjectOverseasType" lay-filter="subjectOverseasType" value="2" title="客户境外公司"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>外贸合同买方</label>
                        <div class="layui-input-block">
                            <div id="self_subjectOverseas">
                                <select id="subjectOverseasId" name="subjectOverseasId" class="required sel-load" sel-url="/scm/subjectOverseas/select" cache="static_subject_overseas" sel-key="id" sel-val="name"></select>
                            </div>
                            <div id="customer_subjectOverseas" class="zm-hide">
                                <div class="layui-col-md10">
                                    <input name="subjectOverseasName" id="subjectOverseasName" class="layui-input auto-supplier" placeholder="请选择外贸合同买方" clear-val/>
                                </div>
                                <div class="layui-col-md2" style="padding-left: 4px;">
                                    <button type="button" id="addCustomerSubjectOverseasName" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-fluid quick-btn"><i class="fa fa-plus-circle"></i>新增</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="overseas_supplierName">
                        <div class="layui-col-md4">
                            <div class="layui-col-md10">
                                <label class="layui-form-label"><span class="text-danger">*</span>境外客户</label>
                                <div class="layui-input-block">
                                    <input name="supplierName" id="supplierName" class="layui-input auto-supplier" placeholder="境外客户" clear-val/>
                                </div>
                            </div>
                            <div class="layui-col-md2" style="padding-left: 4px;">
                                <button type="button" id="addSupplier" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-fluid quick-btn"><i class="fa fa-plus-circle"></i>新增</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>订单日期</label>
                        <div class="layui-input-block">
                            <input type="text" name="orderDate" id="orderDate" class="layui-input picker-date required" placeholder="订单日期" clear-val/>
                        </div>
                    </div>
                </div>

            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderMemberForm" id="orderMemberForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-list"></i>产品信息</span></div>
            <div class="layui-card-body">
                <blockquote class="layui-elem-quote">
                    <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" id="importExcel"><i class="layui-icon"></i>点击导入订单明细</button>
                    <a href="/importTemp/expOrderMemberImportTemp.xls" target="_blank" class="def-a">点击下载导入模板</a>
                </blockquote>
                <div id="tabContainer" style="overflow-x: auto">
                    <div style="min-width: 1400px;">
                        <table class="layui-table" lay-size="sm">
                            <colgroup>
                                <col width="45">
                                <col width="150">
                                <col width="120">
                                <col width="120">
                                <col width="130">
                                <col width="80">
                                <col width="80">
                                <col width="80">
                                <col width="90">
                                <col width="50">
                                <col width="80">
                                <col width="80">
                                <col>
                                <col width="45">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>品名</th>
                                <th>型号</th>
                                <th>品牌</th>
                                <th>物料编号</th>
                                <th>单位</th>
                                <th>数量</th>
                                <th>单价</th>
                                <th>总价</th>
                                <th>箱数</th>
                                <th>净重(KG)</th>
                                <th>毛重(KG)</th>
                                <th>规格描述</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                        </table>
                        <div class="tabBody">
                            <table class="layui-table" lay-size="sm">
                                <colgroup>
                                    <col width="45">
                                    <col width="150">
                                    <col width="120">
                                    <col width="120">
                                    <col width="130">
                                    <col width="80">
                                    <col width="80">
                                    <col width="80">
                                    <col width="90">
                                    <col width="50">
                                    <col width="80">
                                    <col width="80">
                                    <col>
                                    <col width="45">
                                </colgroup>
                                <tbody id="materialBody">

                                </tbody>
                            </table>
                        </div>
                        <table class="layui-table" lay-size="sm">
                            <tfoot>
                            <tr>
                                <th>
                                    <div style="padding:2px">
                                        <a href="javascript:void(0)" class="btn btn-default addrow-btn"><i class="fa fa-plus"></i>添加一行</a>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <th>
                                    <div class="layui-row">
                                        <div class="layui-col-md2">
                                            总数量：<h2 style="display: inline-block" id="quantityTotal">0.0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总价：<h2 style="display: inline-block" id="totalPrice">0.0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总箱数：<h2 style="display: inline-block" id="cartonTotal">0</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总净重：<h2 style="display: inline-block" id="netWeightTotal">0.0000</h2>
                                        </div>
                                        <div class="layui-col-md2">
                                            总毛重：<h2 style="display: inline-block" id="grossWeightTotal">0.0000</h2>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderLogisticsForm" id="orderLogisticsForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-ship"></i>国内交货</span></div>
            <div class="layui-card-body">
                <div class="layui-form-item">
                    <label class="layui-form-label">交货方式</label>
                    <div class="layui-input-inline">
                        <select lay-filter="deliveryMode" id="deliveryMode" name="deliveryMode" class="sel-load" sel-url="system/baseData/getByType?type=DeliveryMode" cache="static_delivery_mode" sel-key="code" sel-val="name"></select>
                    </div>
                </div>
                <div class="tsf-hide" mark="deliveryMode" zm-key="ExpressDelivery">
                    <div class="layui-form-item">
                        <label class="layui-form-label">快递单号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="deliveryExpressNo" id="deliveryExpressNo" class="layui-input" placeholder="多个快递单号请用 , 隔开" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="tsf-hide" mark="deliveryMode" zm-key="TakeDelivery">
                    <div class="layui-form-item">
                        <label class="layui-form-label">提货方式</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="deliveryMethod" value="direct_lifting" title="港车直提"/>
                            <input type="radio" name="deliveryMethod" value="return_ware" title="提回仓库"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">要求提货时间</label>
                        <div class="layui-input-inline">
                            <input type="text" name="takeTime" id="takeTime" class="layui-input picker-time" placeholder="请填写要求提货时间" clear-val/>
                        </div>
                        <label class="layui-form-label">提货委托书</label>
                        <div class="layui-input-inline" style="line-height: 30px">
                            <a href="javascript:" class="file-size" doc-id="" show-file="expOrderInformation" edit="true"></a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货信息</label>
                            <div class="layui-input-block">
                                <div class="layui-input-range" style="margin-bottom: 8px;">
                                    <a class="layui-btn layui-btn-xs layui-btn-normal" href="javascript:" id="maintainDeliveryInformation"><i class="fa fa-retweet"></i>维护提货信息</a>
                                    <a class="layui-btn layui-btn-xs" href="javascript:" onclick="takeDeliveryInformation()"><i class="fa fa-refresh"></i>刷新提货信息</a>
                                    <div class="range-list" id="deliveryInformations"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">交货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="deliveryModeMemo" id="deliveryModeMemo" placeholder="其他交货要求请填写在此处"  class="layui-input" clear-val/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-truck"></i>境外交货</span></div>
            <div class="layui-card-body">
                <div class="layui-form-item">
                    <label class="layui-form-label">是否包车</label>
                    <div class="layui-input-inline">
                        <input type="radio" name="isCharterCar" lay-filter="isCharterCar" value="false" title="不包车" checked/>
                        <input type="radio" name="isCharterCar" lay-filter="isCharterCar" value="true" title="包车"/>
                    </div>
                </div>
                <div id="charter" class="zm-hide">
                    <div class="layui-form-item">
                        <label class="layui-form-label">送货目的地</label>
                        <div class="layui-input-inline" style="width: 240px;line-height: 30px;">
                            <input type="radio" name="deliveryDestination" lay-filter="deliveryDestination" value="hong_kong" title="货运香港仓" checked/>
                            <input type="radio" name="deliveryDestination" lay-filter="deliveryDestination" value="destination" title="客户指定地点"/>
                        </div>
                    </div>
                    <div class="layui-row zm-hide" id="destination">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">送货信息</label>
                            <div class="layui-input-block">
                                <div class="layui-input-range" style="margin-bottom: 8px;">
                                    <a class="layui-btn layui-btn-xs layui-btn-normal" href="javascript:" id="maintainInformation"><i class="fa fa-retweet"></i>维护送货信息</a>
                                    <a class="layui-btn layui-btn-xs" href="javascript:" onclick="takeInformation()"><i class="fa fa-refresh"></i>刷新送货信息</a>
                                    <div class="range-list" id="takeInformations"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">交货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="receivingModeMemo" id="receivingModeMemo" placeholder="其他交货要求请填写在此处" class="layui-input" clear-val/>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderOtherForm" id="orderOtherForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-file-code-o"></i>备注及其它</span></div>
            <div class="layui-card-body" style="padding-bottom: 50px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">附件资料</label>
                    <div class="layui-input-inline" style="line-height: 30px">
                        <a href="javascript:" class="file-size" doc-id="" show-file="expOrderOther" edit="true"></a>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">订单备注</label>
                        <div class="layui-input-block">
                            <textarea name="memo" id="memo" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="tsf-page-btn-group">
    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal save-btn"><i class="fa fa-save"></i>临时保存</button>
    <button type="button" class="layui-btn layui-btn-sm examine-btn"><i class="fa fa-check-circle-o"></i>提交审核</button>
    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm close-window"><i class="fa fa-close"></i>关闭</button>
</div>

<script type="text/javascript" src="/js/jquery.min.js?v=202001010101"></script>
<script type="text/javascript" src="/layui/layui.js?v=202001010101"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js?v=202001010101"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=202001010101"></script>
<script type="text/javascript" src="/declare/js/jquery.autocompleter.min.js?v=201810182111"></script>
<script type="text/javascript" src="/js/app.js?v=202006010928"></script>
<script type="text/javascript" src="/js/sel-load.js?v=202001010101"></script>
<script type="text/javascript" src="/js/autocomplete.js?v=202001010101"></script>
<script type="text/javascript" src="/upload/file-config.js?v=202001010101"></script>
<script type="text/javascript" src="/upload/file.js?v=202001010101"></script>
<script type="text/javascript" src="/order/exp/form-common.js?v=202001010102"></script>
<script type="text/javascript" src="/order/exp/page.js?v=202201071022"></script>
</body>
</html>